<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<meta name="description" content="">
		<meta name="author" content="">
		<link rel="icon" href="../../favicon.ico">

		<title>选择商品</title>

		<!-- Bootstrap core CSS -->
		<link href="../assets/css/bootstrap.min.css" rel="stylesheet">

		<!-- Custom styles for this template -->
		<link href="../css/designer.css" rel="stylesheet">

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	</head>

	<body>

		<div class="container">
			<div class="row">
				<div class="panel panel-primary">
					<div class="panel-heading">
						检索条件
					</div>
					<div class="panel-body">
						<div class="col-md-4">
							<form class="navbar-form navbar-left">
								<label>主材类别</label>
								<div class="form-group">
									<select>
										<option>卫浴</option>
										<option>瓷砖</option>
										<option>地板</option>
										<option>拉门</option>
									</select>
								</div>
							</form>
						</div>
						<div class="col-md-4">
							<form class="navbar-form navbar-left">
								<label>商品型号</label>
								<div class="form-group">
									<input type="text" class="input-sm form-control" placeholder="Search">
								</div>
								<button type="submit" class="btn btn-sm btn-info">搜索</button>
							</form>
						</div>
						<div class="col-md-2 col-md-offset-2">
							<button type="submit" class="btn btn-success">去购物车结算</button>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="panel panel-primary">
					<div class="panel-heading">
						商品列表
					</div>
					<div class="panel-body">
						<table class="table table-bordered table-striped">
							<thead>
								<tr>
									<th>状态</th>
									<th>图片</th>
									<th>品牌</th>
									<th>型号</th>
									<th>规格</th>
									<th>材质</th>
									<th>孔距</th>
									<th>单位</th>
									<th>价格</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>有货</td>
									<td><img src="../img/demo.png" class="product_img"/></td>
									<td>金牌</td>
									<td>p28002</td>
									<td>700*450</td>
									<td></td>
									<td>50mm</td>
									<td>个</td>
									<td>750</td>
									<td><input type="button" class="btn btn-sm btn-primary" value="加入购物车"></td>
								</tr>
								<tr class="danger">
									<td>无货</td>
									<td><img src="../img/demo.png" class="product_img"/></td>
									<td>金牌</td>
									<td>p28003</td>
									<td>800*600</td>
									<td>钢</td>
									<td>50mm</td>
									<td>个</td>
									<td>2000</td>
									<td><input type="button" class="btn btn-sm btn-default" value="加入购物车"></td>
								</tr>
								<tr>
									<td>有货</td>
									<td><img src="../img/demo.png" class="product_img"/></td>
									<td>金牌</td>
									<td>p28002</td>
									<td>700*450</td>
									<td>实木</td>
									<td>50mm</td>
									<td>个</td>
									<td>750</td>
									<td><input type="button" class="btn btn-sm btn-primary" value="加入购物车"></td>
								</tr>
								<tr>
									<td>有货</td>
									<td><img src="../img/demo.png" class="product_img"/></td>
									<td>金牌</td>
									<td>p28002</td>
									<td>700*450</td>
									<td>板材</td>
									<td>50mm</td>
									<td>个</td>
									<td>750</td>
									<td><input type="button" class="btn btn-sm btn-primary" value="加入购物车"></td>
								</tr>
								<tr>
									<td>有货</td>
									<td><img src="../img/demo.png" class="product_img"/></td>
									<td>金牌</td>
									<td>p28002</td>
									<td>700*450</td>
									<td>板材</td>
									<td>50mm</td>
									<td>个</td>
									<td>750</td>
									<td><input type="button" class="btn btn-sm btn-primary" value="加入购物车"></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
		<!-- /container -->
	</body>

</html>